<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>taobao</title>
    <link type="text/css" rel="stylesheet" href="css/slide.css"/>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/slide.js"></script>
</head>
<body>
    <div id="slide" class="slide">
        <ul>
            <li><a href="#"><img src="img/02.jpg"></a></li>
            <li><a href="#"><img src="img/03.jpg"></a></li>
            <li><a href="#"><img src="img/04.jpg"></a></li>
        </ul>
        <div class="btnBg" style="opacity:0.5"></div>
        <div class="btn">
            <span class="" >1</span>
            <span class="" >2</span>
            <span class="" >3</span>
        </div>
        <div class="preNext pre" style="opacity: 0.2"></div>
        <div class="preNext next" style="opacity: 0.2;"></div>
    </div>

</body>
</html>